<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style type="text/css">
			
			/* li{
				color: blue;
			}
			ul{
				color: red;
			}
			 */
			
			/* p{
				color: red;
			}
			p{
				color: blue;
			}
		 */
		
		#identity{
			color: aqua;
		}
		.para{
			color: green;
		}
			li{
				color: red;
			}
			 
		</style>
	</head>
	<body>
		
		<!-- 
		1.什么是优先级?
		作用:当多个选择器选中同一个标签,并且给同一个标签设置相同的属性时。
		如何层叠就由优先级来确定。
		
		2.优先级判断的三种方式
		 2.1 是否是直接选中(间接选中就是指继承)
		 如果是间接选中,谁离目标标签比较近 就听谁的 比如 ul>li>p  li的优先级高于ul
		 2.2 是否是相同的选择器
		 如果都是直接选中,并且都是同类型的选择器,那么就是谁写在后面听谁的
		 2.3 不同的选择器
		 如果都是直接选中,并且不是相同类型的选择器,那么就会按照选择器的优先级来层叠
		 
		 id>类>标签>通配符>继承>浏览器默认
		 
		 
		 
		 -->
		
		<ul>
			<li>
				<p id="identity" class="para">我是段落</p>
			</li>
		</ul>
		
	</body>
</html>